<!DOCTYPE html>
<html lang="en">
	<head>
		<title>Xilinx SBIRT</title>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<link rel="stylesheet" type="text/css" href="css/index.css">
		<link rel="icon" href="favicon.ico" />
	</head>

	<body onload="onPageLoad()">

		<div class="header">
			<embed class="header_img" src="image/xlnxlogo.svg">
			<span class="header_title"> Boot Image Recovery Tool </span>
		</div>

		<div class="navbar">
			<a href="help.htm" target="_blank">Help</a>
			<a href="about.htm" target="_blank">About</a>
		</div>

		<div class="row_body">
			<div class="column_body">
				<h2>System Board Information </h2>
				<hr>
				<table class="sysinfotbl" id="sysboardtbl">
					<tr>
						<td>Name :</td>
						<td> </td>
					</tr>
					<tr>
						<td>Revision # :</td>
						<td> </td>
					</tr>
					<tr>
						<td>Serial # :</td>
						<td> </td>
					</tr>
					<tr>
						<td>Part # :</td>
						<td> </td>
					</tr>
					<tr>
						<td>UUID :</td>
						<td> </td>
					</tr>
				</table>
			</div>

			<div class="column_body">
				<h2>Carrier Card Information</h2>
				<hr>
				<table class="sysinfotbl" id="cctbl">
					<tr>
						<td>Name :</td>
						<td> </td>
					</tr>
					<tr>
						<td>Revision # :</td>
						<td> </td>
					</tr>
					<tr>
						<td>Serial # :</td>
						<td> </td>
					</tr>
					<tr>
						<td>Part # :</td>
						<td> </td>
					</tr>
					<tr>
						<td>UUID :</td>
						<td> </td>
					</tr>
				</table>
			</div>
		</div>

		<div class="row_body">
			<div class="column_body">
				<h2>Boot Image Status</h2>
				<hr>
				<div class="row_body">
					<div class="sysimginfo">
						<table id="sysimginfotbl">
							<tr class="sysimginfotbl">
								<td rowspan="4">Current Status</td>
								<td style="width:40%; text-align: right;">Image A : </td>
								<td> </td>
							</tr>
							<tr>
								<td style="text-align: right;">Image B : </td>
								<td> </td>
							</tr>
							<tr>
								<td style="text-align: right;">Requested Boot Image : </td>
								<td> </td>
							</tr>
							<tr>
								<td style="text-align: right;">Last Booted Image : </td>
								<td> </td>
							</tr>
						</table>
					</div>

					<div>
						<form action="" method="GET" onsubmit="onCfg(); return false;">
							<div class="column_opt">
								<p><b>Image A</b></p>
								<input type="radio" id="imgAnb" name="imgAstate" value=0>
								<label for="imgAbootable">Non Bootable</label><br>
								<input type="radio" id="imgAb" name="imgAstate" value=1>
								<label for="imgAbootable">Bootable</label><br>
							</div>

							<div class="column_opt">
								<p><b>Image B</b></p>
								<input type="radio" id="imgBnb" name="imgBstate" value=0>
								<label for="imgBbootable">Non Bootable</label><br>
								<input type="radio" id="imgBb" name="imgBstate" value=1>
								<label for="imgBbootable">Bootable</label><br>
							</div>

							<div class="column_opt">
								<p><b>Requested Boot Image</b></p>
								<input type="radio" id="reqAimg" name="reqimg" value=0>
								<label for="imgA">Image A</label><br>
								<input type="radio" id="reqBimg" name="reqimg" value=1>
								<label for="imgB">Image B</label><br>
							</div>

							<div class="column_opt">
								</br>
								<button type="submit" id="sbmt_btn" class="btn btn_act">Configure</button>
								</br> </br> </br>
							</div>
						</form>
					</div>
				</div>
			</div>

			<div class="column_body">
				<h2>Recover Image</h2>
				<hr>
				<div style="padding:1px 0 0 10px">
					<button type="button" id="brws_btn" class="btn btn_brws" onclick="onBrws()">Browse</button>
					<input type:"text" class="file_info file_name" id="fileName" readonly>
					<input type:"text" class="file_info" id="fileSize" readonly>
					<input type="file" accept=".bin,.wic" id="img_file" name="img_file">
					<p><b>Select Image to be recovered</b></p>
					<input type="radio" id="recAimg" name="recimg" value=0>
					<label id="recALabel" for="recAimg">Image A (QSPI)</label><br>
					<input type="radio" id="recBimg" name="recimg" value=1>
					<label id="recBLabel" for="recBimg">Image B (QSPI)</label><br>
					<input type="radio" id="recWICimg" name="recimg" value=2>
					<label id="recWICLabel" for="recWICimg">Image Wic (eMMC)</label><br> <br>
					<button type="button" id="upld_btn" class="btn btn_act" onclick="onUpload()" disabled>Upload</button>
					<progress id="upld_prgrs" value="0" max="100" style="width:400px;"> 0% </progress>
					<br><input type:"text" class="upld_status" id="upld_status" readonly>
				</div>
			</div>
		</div>

		<div class="footer">
			<b>&copy 2021 Xilinx</b>
			<b style="margin-right:10px; float:right;">Version: 1.3</b>
		</div>
		<script src="js/index.js">
		</script>
	</body>
</html>
